<template>
    <div class="public-common">
        <!--系统设置 - 公司基本信息-->
        <div class="public-title">公司基本信息</div>
        <div style="width:350px;padding:20px;">
            <el-form label-width="120px" size="mini">
                <el-form-item label="公司全称">
                    <el-input placeholder="请输入内容" v-model="form.test" :disabled="form.state"/>
                </el-form-item>
                <el-form-item label="公司简称">
                    <el-input placeholder="请输入内容" v-model="form.test" :disabled="form.state"/>
                </el-form-item>
                <el-form-item label="公司地址">
                    <el-input placeholder="请输入内容" v-model="form.test" :disabled="form.state"/>
                </el-form-item>
                <el-form-item label="联系电话">
                    <el-input placeholder="请输入内容" v-model="form.test" :disabled="form.state"/>
                </el-form-item>
                <el-form-item label="负责人(法人)">
                    <el-input placeholder="请输入内容" v-model="form.test" :disabled="form.state"/>
                </el-form-item>
                <el-form-item label="">
                    <el-button type="primary" icon="el-icon-edit" size="mini">编辑</el-button>
                    <el-button type="success" icon="el-icon-document" size="mini">保存</el-button>
                </el-form-item>
            </el-form>
        </div>
        
    </div>
</template>
<script>
export default {
    data(){
        return {
            form:{
                state:true,
                test:'',
                carid:''
            },
            tabledata:[
                {carId:1}
            ],
            page:{
              now:1,
              pagesize:10,
              sizes:[2,10, 20, 50, 100],
              total:0,
              key:''
            },
            detaildata:[],
            dialog:{
                isVisible:false,
                name:''
            },
            select:{
                companys:[],
                sexs:[
                    {label:"男",value:'男'},
                    {label:"女",value:'女'}
                ],
                creaters:[],
                useStates:[
                    {label:"启用",value:'启用'},
                    {label:"禁用",value:'禁用'}
                ]
            }
        }
    },
    mounted(){
        
    },
    methods:{
        uploadImg(file, fileList){
            console.log(214,file)
        },
        search(){
            alert("search")
        },
        //分页
        handleSizeChange(pagesize){
            this.page.pagesize = pagesize;
            this.search(true,true);
        },
        handleCurrentChange(pageno){
            this.page.now = pageno;
            this.search(true,true);
        }

    }
}
</script>
<style lang="scss">
$Color:#15428F;
$Bgnavtab:rgba(255,255,255,.5);
$BgHeader:#DFE8F6;
$BorderColor:#99bbe8;
.public-common{
    padding: 20px;
    .public-title{line-height: 30px;background-color: #deecfd;padding:0 10px;color:$Color; }
}
</style>